<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="status">
            <li class="{:$Think.get.status === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('全部')}</a></li>

        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">

                    </div>
                    <table id="table" class="table table-striped table-hover" width="100%">

                    </table>

                </div>
            </div>

        </div>
    </div>
</div>
<style type="text/css">
    .example {
        height:100%;position: relative;
    }
    .example > span {
        position:absolute;left:15px;top:15px;
    }
</style>

<script id="itemtpl" type="text/html">
    <!--
    如果启用了templateView,默认调用的是itemtpl这个模板，可以通过设置templateFormatter来修改
    在当前模板中可以使用三个变量(item:行数据,i:当前第几行,data:所有的行数据)
    此模板引擎使用的是art-template的native,可参考官方文档
    -->

    <div class="col-sm-4 col-md-3">
        <!--下面四行是为了展示随机图片和标签，可移除-->
        <div class="thumbnail example">
<!--            <span class="btn btn-<%=label%>">ID:<%=item.id%></span>-->
            <img src="<%=item.thumb%>" style="width:100%;" alt="<%=item.title%>">
            <div class="caption">
                <h4><%=item.name?item.name:'无'%></h4>
                <p class="text-muted">价格:<%=item.salesprice%></p>
<!--                <p class="text-muted">有效期: <%=item.expires%><%=item.unit_text%></p>-->
                <p class="text-muted">发布职位数:<%=item.job_publish_num%></p>
                <p class="text-muted">简历查看数:<%=item.resume_view_num%></p>
                <p class="text-muted">面试邀请数:<%=item.interview_num%></p>
                <p class="text-muted">职位刷新数:<%=item.job_refresh_num%></p>
<!--                <p class="text-muted">更新时间:<%=Moment(item.createtime*1000).format("YYYY-MM-DD HH:mm:ss")%></p>-->
                <p>
                    <!--详情的事件需要在JS中手动绑定-->
                    <a href="javascript:;" class="btn btn-primary btn-success btn-detail" data-id="<%=item.id%>"><i class="fa fa-bank"></i> 立即开通</a>
                </p>
            </div>
        </div>
    </div>
</script>